﻿<div class="col-md-5">
    <div class="box">
        <div class="box-header">
            <h2>Order summary</h2>
        </div>
        <div class="box-content">
            <div class="alert alert-info">
                Shipping, tax and total prices can be updated during checkout modifications.
            </div>
            <ul class="product-list">
                {% for line_item in checkout.line_items %}
                    <li>
                        <div class="image" data-quantity="{{ line_item.quantity }}">
                            <img alt="{{ line_item.title }}" src="{{ line_item.image }}" />
                        </div>
                        <div class="info">
                            <div class="price">
                                {% include 'price' with line_item.line_price %}
                            </div>
                            <div class="name">
                                <span class="title">
                                    {{ line_item.title }}
                                </span>
                            </div>
                        </div>
                    </li>
                {% endfor %}
            </ul>
            <ul class="price-list">
                <li>
                    Subtotal: <strong>{% include 'price' with checkout.subtotal_price %}</strong>
                </li>
                <li>
                    Shipping: <strong>{% include 'price' with checkout.shipping_price %}</strong>
                </li>
                <li>
                    Tax: <strong>{% include 'price' with checkout.tax_price %}</strong>
                </li>
            </ul>
        </div>
        <div class="box-footer">
            <ul class="price-list">
                <li class="important" style="border-bottom: none;">
                    Total: <strong>{% include 'price' with checkout.total_price %}</strong>
                </li>
            </ul>
        </div>
    </div>
</div>